<template>
    <div class="bid-opening-reminder">
        <div class="top-title">
            <div class="title">
                <i class="el-icon-bell"> 待办及提醒</i>
            </div>

            <remind-btns reference="panel"></remind-btns>
        </div>

        <remind-panel 
            class="bottom-content"
            ref="panel"
        ></remind-panel>
    </div>
</template>

<script>
import RemindPanel from '../components/panel.vue';
import RemindBtns from '../components/btns.vue';

export default {
    components: {
        RemindPanel,
        RemindBtns,
    },
    props: {
        rightItemStatus: {
            type: Object,
            default: () => ({})
        },
        getReminderStatistic: {
            type: [Function,Boolean],
            default: false
        }
    },
};
</script>

<style lang="scss" scoped>
.bid-opening-reminder{
    height: 100%;
    padding:5px 10px;
    background-color: white;

    .top-title{
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        
        .title .el-icon-bell {
            font-weight: 800;
            color: #343434;
        }
        
    }

    .bottom-content{
        height: calc(100% - 30px);
    }
}
</style>
 